<template>
  <!--
      test骨架屏
      <xtx-skeleton width="50" height="50" backgroundColor="red"></xtx-skeleton>
       -->
  <div class="container">
    <!-- 左侧分类 -->
    <home-catagory></home-catagory>

    <!-- 置于左侧分类下面占据整行的轮播图 -->
    <home-banner></home-banner>

    <!--商品栏  -->
    <home-new></home-new>
    <home-recom></home-recom>

    <!-- 楼层区域 -->
    <home-products></home-products>
  </div>
</template>

<script>
// import Skeleton from '@/components/Skeleton'
import HomeCatagory from './components/HomeCatagory'
import HomeBanner from './components/HomeBanner'
import HomeNew from './components/HomeNew'
import HomeRecom from './components/HomeRecom'
import HomeProducts from './components/HomeProducts'
export default {
  name: 'xtx-home-page',
  components: {
    HomeCatagory,
    HomeBanner,
    HomeNew,
    HomeRecom,
    HomeProducts
    // Skeleton
  }
}
</script>

<style scoped lang="less">
// @import "~@/styles/variables.less";
// .test{
//     border: 2px solid @xtxColor;
// }
</style>
